<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>检测器</title>
<link rel="shortcut icon" href="resources/css/images/logo.ico">
<link rel="stylesheet" href="resources/css/bootstrap.css">
<script src="resources/js/jquery.js"></script>
<script src="resources/js/bootstrap.min.js"></script>
<script src="resources/js/commonJs.js"></script>
<!-- Bootstrap JS -->
<script src="resources/js/formValidation.js"></script>
<script src="resources/js/admin/login.js"></script>
<style type="text/css">
html,body{
	width:100%;
	height:100%;
	font-family:"微软雅黑" !important;
}
body {
	background-size:100% 100% !important;
	background:url(resources/css/images/lgbc.jpg) no-repeat;
}

.form {
    position: absolute;
    left:50%;
    top:50%;
    /* left: 38%;
    top: 26%; */
	background: rgba(255, 255, 255, 0.9);
    width: 500px;
    border: 10px solid #87ceeb;
    border-radius: 16px;
   	margin-top:-240px;
   	margin-left:-234px;
}
 .container{
	width:100%;
	height:100%;
} 

#login_form {
	display: block;
}

#register_form {
	display: none;
}
input[type="text"], input[type="password"] {
	padding-left: 26px;
}
.form-group{
	padding:4px;
} 
.img{
	width: 200px; 
	margin: 20px auto; 
	position: relative; 
	top: 4px;
	left: 110px;    
}
.manager_login{
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	font-size:22px;
	font-family:'微软雅黑';
	margin-bottom: 20px;
}
.btn2,.btn:hover{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	background-color:#76D1F3;
	border-color: #76D1F3;
	color:white;
}

</style>
</head>
<body>
	<!--  
            基础知识：  
            网格系统:通过行和列布局  
            行必须放在container内  
            手机用col-xs-*  
            平板用col-sm-*  
            笔记本或普通台式电脑用col-md-*  
            大型设备台式电脑用col-lg-*  
            为了兼容多个设备，可以用多个col-*-*来控制；  
        -->
	<div class="container">
		<div class="form row">
			<form class="form-horizontal"	id="login_form"  autocomplete='off'>
				<div class="input-group input-group-md">
					
				</div>
			<div style="margin:0px 10px 20px 10px">
				<h4 class="manager_login">管理员登录</h4>
				<div class="form-group ">
					<label for="firstname" class="col-sm-3 control-label">账&nbsp;&nbsp;号：</label>
				    <div class="col-sm-6">
				    	 <input	class="form-control required" type="text" placeholder="请输入用户名"
							name="username" autofocus="autofocus" maxlength="20" id="userName"/>
				    </div>
				     <div class="col-sm-3"></div>
				</div>
				<div class="form-group">
					<label for="password" class="col-sm-3 control-label">密&nbsp;&nbsp;码：</label>
				    <div class="col-sm-6">
				    	<input type="password" style="display: none"> <input
										type="password" class="form-control" id="password"
										name="password" placeholder="请输入密码">
				    </div>
				     <div class="col-sm-3" style="padding-top: 4px;" >
				     	<!-- <input type="checkbox"	name="remember" value="1" id="passSet"/> 显示密码 -->
				          <span class="glyphicon glyphicon-eye-open" id="passSet" style="font-size: 20px;"></span>
				     	<!-- <span class="glyphicon glyphicon-eye-open"></span> -->
				     </div>
				</div>
				<div class="form-group ">
					<label for="firstname" class="col-sm-3 control-label">验证码：</label>
				    <div class="col-sm-6">
				    	 <input	class="form-control required" type="text" placeholder="验证码"
							name="verCode" id="verCode"/>
				    </div>
				     <div class="col-sm-3" style="padding: 0px">
				    	 <img id="img" src="authImage" />
				     </div>
				</div>
				<!-- <div class="form-group">
					<div class="col-sm-3"></div>
					<div class="col-sm-4">
						<label  style="padding-top: 0px;"> 
						<input type="checkbox"	name="remember" value="1" id="passSet"/> 显示密码
						</label>
					</div>
					<div class="col-sm-4">
						<label class="pull-right"><a href="#">忘记密码?</a></label>
					</div>
				    <div class="col-sm-1"></div>
				</div> -->
				<div class="form-group">
					<div class="col-sm-1"></div>
					<div class="col-sm-10">
						<button type="button" class="btn2 btn-block col-sm-8" style="font-size:18px;" id="loginbtn">
						登&nbsp;&nbsp;录
						</button>
					</div>
				    <div class="col-sm-1"></div>
				</div>
				 <div class="form-group">
					<div class="col-sm-1"></div>
					<div class="col-sm-10">
						<!-- <label class="text-center" style="display: block;">没有账号?<a href="#">立即注册</a></label> -->
					</div>
				    <div class="col-sm-1"></div>
				</div> 
			</div>
			</form>
		</div>
	</div>
</body>
</html>
